body.viewvc-epel {

    #svn-homepage,
    #svn-administration {
        margin: 12px;
    }

    #svn-repository {

        > h2 {
            margin: 10px 20px;
        }

        #svn-repository-url-bar {
            margin: 0 20px;
        }

        #svn-repository-viewvc {
            margin: 20px 0 0;
            padding: 0;
            background: none;
            border: none;
            border-top: 2px solid #E3E3E3;
            border-radius: 0;
        }
    }

    #svn-repository-help {
        margin: 10px 20px;
    }
}

.viewvc-epel-references {
    margin: 0 0 40px;
}

#svn-homepage {
    form {
        margin: 30px 0 15px;

        > .help {
            margin: 0 0 0 5px;
            font-size: 12px;
        }
    }

    table {
        max-width: 960px;
    }
}

#svn-repository {
    #svn-repository-url-bar {
        > .input-append {
            margin: 0;

            > input[type="text"] {
                width: 500px;
            }
        }
    }

    #svn-repository-help {
        display: none;
        margin: 10px 0;

        .svn-intro-command {
            margin: 0;
        }
    }

    #svn-repository-viewvc {
        margin: 30px 0 0;
        padding: 15px;
        background: #FCFCFC;
        border: 1px solid #E3E3E3;
        border-radius: 3px;
    }
}

#svn-administration {
    > h2 {
        margin: 10px 0 30px;
    }

    .nav-tabs {
        margin: 0;

        > li {

            i {
                margin: 0 3px 0 0;
            }
        }
    }

    > .tab-content {
        padding: 0 15px;
        max-width: 1200px;

        label:not(.checkbox), h4 {
            margin: 0 0 5px;
            color: #666666;
            font-size: 13px;
            font-weight: 600;
        }

        button[type="submit"] {
            margin: 20px 0 0;

            > i {
                margin: 0 3px 0 0;
            }
        }
    }

    #admin-groups-form {
        margin: 20px 0 0;

        select {
            height: 150px;
        }
    }

    #notifications {
        button[type="submit"] {
            margin: 0;
            white-space: nowrap;
        }

        table {
            > thead > tr > th {
                white-space: nowrap;
            }

            > tbody > tr > td {
                vertical-align: middle;

                > input,
                .svn-notification-edit-input {
                    width: 100%;
                    height: 30px;
                    margin: 0;
                    box-sizing: border-box;
                }
            }
        }
    }

    #immutable-tags {
        .immutable-tags-configuration {
            margin: 0 0 50px;
        }
    }

    #access-file-container {
        margin: 30px 0 0;

        > #current-access-file-container {
            margin-right: 10px;
        }

        > #current-access-file-container,
        > #old-access-file-container {
            display: inline-block;
            vertical-align: top;

            > h4 {
                position: relative;
                height: 30px;

                > select {
                    position: absolute;
                    top: -4px;
                    margin: 0 0 0 10px;
                }
            }

            pre {
                width: 440px;
                box-sizing: border-box;
                border: 1px solid rgba(0, 0, 0, 0.15);
                border-bottom: 0;
                border-radius: 4px 4px 0 0;
                margin: 0;
                background: #fcfcfc;

                & + pre {
                    width: 440px;
                    height: 435px;
                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
                    border-radius: 0 0 4px 4px;
                    overflow: auto;
                }
            }

            > textarea {
                display: block;
                width: 440px;
                height: 435px;
                margin: 0;
                padding: 9.5px;
                box-sizing: border-box;
                border-radius: 0 0 4px 4px;
                font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
                font-size: 13px;
                resize: none;
            }

            .empty-version {
                font-style: italic;
                color: #BBBBBB;
                text-align: center;
            }

            > #old-access-file-form {
                visibility: hidden;
            }
        }
    }
}

.svn-notifications-add-hidden,
.svn-notifications-row-add-hidden,
.svn-notifications-checkbox-cell-hidden {
    display: none;
}

.svn-notification-edit {
    margin: 0 10px 0 0;
    white-space: nowrap;
}

.svn-notification-delete-popover,
.svn-notification-cannot-save-popover {
    display: none;
}

#svn-admin-notifications-form > .popover,
#svn-notification-cannot-save-popover-container > .popover {
    .popover-title {
        border: 0;
        color: #ffffff;
    }

    .svn-notification-delete-popover-actions {
        text-align: right;
    }

    p {
        font-size: 13px;
    }
}

#svn-admin-notifications-form > .popover {
    .popover-title {
        background: #da5353;
    }
}

#svn-notification-cannot-save-popover-container > .popover {
    .popover-title {
        background: #f5b940;
    }
}

.svn-notification-form-actions {
    white-space: nowrap;
}

.svn-notifications-form-emails-column {
    width: 100%;
}

.svn-notification-email-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.svn-notification-email-list-entry {
    display: flex;
    align-items: center;
    white-space: nowrap;

    &:last-child > .svn-notification-email-list-separator {
        display: none;
    }
}

.svn-notification-email-list-separator {
    margin: 0 3px 0 0;
}

.svn-notification-email-list-group-icon {
    margin: 0 3px 0 0;
    color: #666666;
}

.avatar.svn-notification-user-avatar {
    display: inline-block;
    top: 7px;
    left: 8px;
    width: 22px;
    height: 22px;
    margin: 0 3px 0 0;
}
